html{font-size:calc(100/750*100vw)}
body{margin: 0;}
ul{margin:0;padding: 0;}
li{list-style: none}
#head-bar{height:48px;overflow: hidden;position: fixed;top: 0;left: 0;width: 100%;z-index: 4;background: #FFFFFF;}
.head-bar a{display: block;font-size: 0;}
.head-bar-back{position: absolute;width: 48px;height: 48px;}
.head-bar-back img{width:12px;height: 22px;margin:12px;}
.head-bar-title{position: absolute;left:48px;right: 48px;line-height: 48px;font-size: 20px;text-align: center;}
.main{margin:48px 0 0;padding: 0;height:calc(100vh - 48px);background-color: #f0f0f0;position: relative;}
.main div:first-child{width:100%;max-height: 7rem;z-index:5;position: absolute;}
.main .ul_first{width:100%;height:0.9rem;font-size: 0;border-bottom:0.02rem solid #e5e5e5;background-color:#ffffff; float:left;z-index:5;}
.main .ul_first li{width: 33.3%;height: 0.3rem;display: inline-block;padding: 0.3rem 0;}
.main .ul_first .no_border{border:none;}
.main .ul_first span{width:99%;height: 0.3rem;border-right: 0.01rem solid #cccccc;font-size: 0.26rem;color:#666666;line-height:0.3rem;display: inline-block;text-indent:0.65rem;background-size:0.12rem 0.08rem;background-position: 1.84rem 0.11rem;background-repeat: no-repeat;}
.main .ul_first .quiet{background-image: url("../img/drop_sort_lower.png");}
.main .ul_first .active{background-image: url("../img/drop_sort_up.png");}
.main .div_first{width:100%;max-height: 6.2rem;position: absolute;top:0.9rem;background: #ffffff;}
.main .div_first ol{width:100%;max-height: 6.2rem;margin: 0;padding: 0;display: none;}
.main ol li{width: 94%;height: 1rem;margin: 0 3%;border-bottom: 0.01rem solid #e5e5e5;list-style-type: none;}
.main ol li .no_border{border:none;}
.main ol li span{width: 100%;height: 1rem;line-height: 1rem;font-size: 0.28rem;color:#999999;text-align: center;display: block;}
.main ol .active{color:#3cc266;}
.main .ul_second{width:100%;height:10.88rem;float:left;margin-top:0.9rem;}
.main .ul_second li{width:100%;max-height: 2.56rem;margin-bottom: 0.16rem;float:left;background-color:#ffffff;}
.main .ul_second h1{width:1.28rem;height: 0.34rem;line-height: 0.34rem;margin: 0.3rem 0 0 0.3rem;background-color: #8cd4aa;color:#ffffff;font-size: 0.22rem;border-radius: 0.17rem;float:left;display: inline-block;text-align: center;font-weight: 400;}
.main .ul_second h2{width:1.28rem;height: 0.34rem;line-height: 0.34rem;margin: 0.3rem 0.3rem 0 0;color:#999999;font-size: 0.24rem;float:right;display: inline-block;text-align: right;font-weight: 400;}
.main .ul_second .active{color:#3cc266;}
.main .ul_second p{width:92%;max-height: 0.88rem;margin: 0.22rem 0.3rem;color:#333333;font-size:0.28rem;line-height: 0.44rem;float:left;}
.main .ul_second h3{width:30%;height:0.44rem;font-size: 0.24rem;color:#999999;margin: 0 0 0.2rem 0.3rem;float:left;font-weight: 400;}
.main .ul_second span{width:40%;height:0.44rem;font-size: 0.24rem;color:#999999;margin: 0 0.3rem 0.2rem 0;float: right;text-align: right;}
.main h4{width: 100%;height: 0.88rem;line-height: 0.88rem;text-align: center;border-top:0.01rem solid #e5e5e5;border-bottom:0.01rem solid #e5e5e5;font-size: 0.28rem;color:#999999;;background-size:0.22rem 0.2rem;background-position: 1.84rem 0.11rem;background-repeat: no-repeat;background-color: #ffffff;margin: 0;float:left;font-weight: 400;}
.main .div_second{width:1rem;height: 1rem;border-radius: 0.5rem;position: fixed;bottom:0.3rem;right:0.3rem;background-color: #0f0;}
.main .div_second img{width:100%;height:100%;}
.main .mark{width:100%;height: 100%;opacity:0.5;background-color:#000000;position: fixed;top:0;display: none;z-index:3;}
